<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../../../yl/index.css" />
    <link rel="stylesheet" href="../../../style/index.css" />
    <link rel="stylesheet" href="../../../style/free.css" />
    <title>填写订单</title>
</head>

<body>
    <div id="app" v-cloak style="background-color: rgb(246,247,251);">
        <span class="font font-weight-bold m-2">详细信息</span>
        <div class="mb-2 bg-white rounded flex flex-column">
            <div class="mx-2 flex border-bottom align-center justify-between">
                <span class="font-sm flex-shrink" style="width: 200rem;">农机名称：</span>
                <el-input v-model="form.Agricultural_Machinery_Name"></el-input>
            </div>
            <div class="mx-2 flex border-bottom align-center justify-between">
                <span class="font-sm flex-shrink" style="width: 200rem;">姓名：</span>
                <el-input v-model="form.User_Name"></el-input>
            </div>
            <div class="mx-2 flex border-bottom align-center justify-between">
                <span class="font-sm flex-shrink" style="width: 200rem;">联系方式：</span>
                <el-input v-model="form.Contact_Phone"></el-input>
            </div>
            <div class="mx-2 flex border-bottom align-center justify-between">
                <span class="font-sm flex-shrink" style="width: 200rem;">省/市/区：</span>
                <el-cascader @change="changeCity" v-model="cityValue" filterable class="borderless-input"
                    :props="{value:'value',label:'label',children:'children'}" placeholder="请选择省/市/区(县)" :options="city"
                    style="width: 100%"></el-cascader>
            </div>
            <div class="mx-2 flex border-bottom align-center justify-between">
                <span class="font-sm flex-shrink" style="width: 200rem;">乡镇/村：</span>
                <el-cascader :disabled="city1.length == 0" @change="changeCity1" class="borderless-input"
                    v-model="cityValue1" filterable ref="cascader"
                    :props="{value:'ProvinceNumber',label:'Province',children:'children',checkStrictly: false}"
                    placeholder="请选择乡镇(街道)" :options="city1" style="width: 100%"></el-cascader>
            </div>
            <div class="mx-2 flex border-bottom align-center justify-between">
                <span class="font-sm flex-shrink" style="width: 200rem;">分类：</span>
                <el-select clearable v-model.trim="form.Type" placeholder="请选类型" filterable
                    style="width: 100%">
                    <el-option v-for="item in ['农机','农产品']" :key="item" :label="item" :value="item"></el-option>
                </el-select>
            </div>
            <div class="mx-2 flex border-bottom align-center justify-between">
                <span class="font-sm flex-shrink" style="width: 200rem;">产品价格：</span>
                <el-input v-model="form.Unit_Price"></el-input>
            </div>
            <div class="mx-2 flex flex-column py-1">
                <span class="font-sm flex-shrink mb-1" style="width: 200rem;">产品介绍：</span>
                <el-input type="textarea" :autosize="{ minRows: 2}" v-model="form.Notes"></el-input>
            </div>
        </div>
        <div @click="handle" class="fixed-bottom m-2 flex p-2 bg-info justify-center rounded-circle">
            <span class="text-white">提交信息</span>
        </div>
    </div>
    <script src="../../../utils/utils.js"></script>
    <script src="../../../utils/mixins.js"></script>
    <script src="../../../config/config.js"></script>
    <script src="../../../yl/vue.js"></script>
    <script src="../../../yl/index.js"></script>
    <script src="../../../yl/zh-cn.mjs"></script>
    <script src="../../../yl/index.iife.min.js"></script>
    <script src="../../../yl/jquery.min.js"></script>
    <script src="../../../utils/jquery.cookie.js"></script>
    <script src="../../../api/request.js"></script>
    <script src="js/mobile.js"></script>
</body>

</html>